<%@ page language = "Java" import = "java.io.*, java.util.*" errorPage="error/errorpage.jsp"
pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ page import="beans.BeanLugares" 
		 import="utils.GeneradorXML"
		 import="mapping.ElementoMapa"%>
<jsp:useBean id="mybean" class="beans.BeanLugares"/>
<%
	if(session.getAttribute("usuario") == null){
		throw new IllegalArgumentException("Oye! No intentes acceder a esta pagina sin haberte logueado antes.<br/>"+ 
		"Si ya te logueaste es posible que tu sesion haya expirado; en ese caso, vuelve a introducir tu usuario y contrase&ntilde;a"
		+".<br>Haz click <a href='../index.jsp'>aqu&iacute;</a>");
	}
	if(!session.getAttribute("es_admin").equals(new Integer(0))) {
		throw new IllegalArgumentException("No tienes permiso para acceder a esta pagina.");
	}
	String id_usuario = (String) session.getAttribute("id_usuario");
	System.out.println("Cargando pagina insertalugarfavorito con id_usuario = " + id_usuario);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!-- Meta Data -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Short description of your site here." />
<meta name="keywords" content="keywords, go, here, seperated, by, commas" />

<link href="estilos/style.css" type="text/css" rel="stylesheet" />
<script src ="ajax/scriptaculous-js-1.8.1/lib/prototype.js" type="text/javascript" charset="utf-8"></script>
<script src ="ajax/scriptaculous-js-1.8.1/src/effects.js" type="text/javascript" charset="utf-8"></script>
<script src="http://www.google.com/jsapi?key=ABQIAAAAW6ZkayH6hhgMyC2y6LQx8xQkRs_WW3LuT_BxsclnnM2SXBs4HxSp2Ukg-tY3gZU6rw7kePxNiNAS9Q" type="text/javascript"></script>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAW6ZkayH6hhgMyC2y6LQx8xTlOAjHTmgj9z0QOzdQFV7VnifGuxSJsOzr3eQromRGXbLCHJKjeEnNNw" type="text/javascript"></script> 
<script src="js/googlemaps.js" type="text/javascript" charset="utf-8">
</script>
<script src="ajax/ajax_lugares.js" type="text/javascript" charset="utf-8"></script>
<script src="ajax/ajax_login.js" type="text/javascript" charset="utf-8"></script>
<script src="ajax/ajax_utils.js" type="text/javascript" charset="utf-8"></script>
<script src="js/menu.js" type="text/javascript" charset="utf-8"></script>
<title>Erasmus Help! - Nuevo lugar favorito</title>

</head>

<body onload="ocultaSubMenu();inicializa(); ocultar('form_nuevo_lugar');">

	<jsp:include page="hidden.jsp"/>
	<div id='page_wrapper'>
	<jsp:include page="cabecera.jsp"/>
	<jsp:include page="menu_user.jsp"/>
	<div id='content_wrapper'>
	<div class='spacer'></div> 
	<div id='contenido'>

	<div id="cajaformnuevolugar">
		<!--<h2 class="titform">Datos de nuevo lugar favorito</h2>-->
		<br/>
		<div id = "capaBusqGmaps">
			<form action="#" onsubmit="showAddress(this.direccion.value, true); return false">
				<fieldset>
					<legend>Buscar&nbsp;</legend>
					<div>
						<input type="text" id="direccion" name="direccion" size="35" title="Introduce lugar o direccion a buscar"/>
						<input type="submit" class="mybtn" value="Buscar!" title="Pulsa para buscar"/>
					</div>
					<small>lugar o direcci&oacute;n, ciudad</small>
					<div id="capaCreaMarcador" onclick="ponerMarcadorNuevoLugarEnCentroMapa()"><p>Poner marcador</p></div>
				</fieldset>
			</form>
		</div><!-- fin id = "capaBusqGmaps" -->
		<div class="spacer"></div>
		<div id="form_nuevo_lugar">
			<!-- <h2 class="titform">Datos de nuevo lugar de inter&eacute;s</h2> -->
			<form action="#" id="frmnuevolugar" method = "post" enctype="multipart/form-data" onsubmit="return false">
				<fieldset>
				<legend>Nuevo lugar favorito&nbsp;</legend>
				
				<div class="spacer"></div>
				<div id="formlugar">
					<input type="hidden" id="id_usuario" name="id_usuario" value="<%=id_usuario%>"/> 
					<div id="itnomlugar">
						<label for="nomlugar">Nombre<sup>*</sup></label>
						<input type="text" maxlength = "100" size="35" id="nomlugar" name="nomlugar" title="Introduzca el nombre del lugar"/>
					</div>
						
					<div id="seltipolugar">
						<label for="tipo_nuevo_lugar">Tipo</label>
						<select id="tipo_nuevo_lugar" name="tipo_nuevo_lugar" size="1" title="Selecciona el tipo de lugar">
						<%	
						mybean.conectar();
						List listaTipoLugares = mybean.getTipoLugares();
						Iterator it = listaTipoLugares.iterator();			
						while(it.hasNext()){
							String [] valorTipo = ((String) it.next()).split(",");
						%>
							<option value = "<%=valorTipo[0]%>"><%=valorTipo[1]%></option>
						<%}
						mybean.desconectar();
						%>
						</select>
					</div><!-- fin id = "seltipolugar" -->
					
					<div id="itdirecclugar">
						<label for="direcclugar">Direcci&oacute;n</label>
						<input id="direcclugar" name="direcclugar" type="text" maxlength = "100" size="50"  title="Introduzca la direcci&oacute;n del lugar"/>
					</div>
					<div id="tadescrlugar" style="float:left">
						<label for="descrlugar">Descripci&oacute;n</label>
						<div id="capadescripcionlugar">
							<textarea id="descrlugar" name="descrlugar" rows="4" cols ="45" 
							onkeyup="contarCaracteres(this, event)"  title="Introduzca la descripci&oacute;n del lugar"></textarea>					
						</div>
						<div id="capacontador">
							<input id="contador" type="text" size="4" readonly="readonly" value="255"/>
							<br/><small>Max. 255 caracteres</small>
							<p id="limitechar"></p>
						</div>
					</div>	<!-- fin id = "tadescrlugar" -->
				</div><!--fin div id="formlugar"-->
				<div id="capatfnos">
					<div id="formtfnos">	
						<h3>Tel&eacute;fonos</h3>
						<input type="hidden" id="numMaxTfnos" name="numMaxTfnos" value="1" size="2"/>
						<input type="hidden" id="numActualTfnos" name="numActualTfnos" value="1" size="2"/>
						<div id="listatfnos" >
							<div id="btntelefonos">
								<button class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)" 
								onclick="anadirTfno()" title="A�adir otro telefono">+</button>
								<button id="btnborrtfno" class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
								onclick="quitarTfno()" title="Eliminar telefono">-</button>
							</div><br/>
							<div class="divtfno" id="divtfno1">
								<input type="hidden" id="idtfno1" name="idtfno1" value="0" size="2"/>
								<input type="checkbox" id="tfnochk_1" name="tfnochk_1" class="chkbox"/>
								<input type="text" id="tfno1" name="tfno1" value="" maxlength="45" title="Introduzca telefono"/>
							</div>
						</div><!--fin div id="listatfnos"-->
					</div><!--fin div id="formtfnos"-->
				</div><!--fin div id="float:left; width: 100%"-->
				<div id="coordenadas">
					<label>Coordenadas:</label>
					<input type="text" id = "latitud" name="latitud" readonly="readonly"/>
					<input type="text" id = "longitud" name="longitud" readonly="readonly"/>
				</div>
				<div class="spacer"></div>
	
			<div class="centrado">
				<button id="btnEnvia" class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
				title="Enviar informacion del nuevo lugar"	onclick = "procesaParametros('res_insert_lugar', 'frmnuevolugar', 'proc_inserta_lugarfavorito.jsp', 'post')">Enviar</button>
								
				<button id="btnCancelaCreacionLugar" class="mybtn" onmouseover="goLite(this)" onmouseout="goDim(this)"
				title="Cancela la creacion de un nuevo lugar" onclick = "cancelaCreacionNuevoLugar()">Cancelar</button>
			</div>
		</fieldset>
		</form>
		</div><!--fin div  id="form_nuevo_lugar" -->
		<div id="res_insert_lugar"></div>
		<div id="celdaDivMapa" class="mapuser">
			<div id="map" style="height:400px; width:820px;"></div>
		</div>
		<div class="spacer"></div>
	</div>
	
	</div>
	
	</div><!-- fin id='content_wrapper' -->
	<jsp:include page= "pie.html"/>
	</div><!--  id='page_wrapper' -->
</body>
</html>

